<template>
  <a-form :model="form"  @submit="handleSubmit">
    <a-form-item field="site_path" label="默认建站目录">
      <a-input
        v-model="form.site_path"
        placeholder="aa"
      />
    </a-form-item>
    <a-form-item>
      <a-button html-type="submit">保存</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
import { reactive } from 'vue';

export default {
  setup() {
    const form = reactive({
      site_path: ''
    });
    const handleSubmit = (data) => {
      console.log(data);
    };

    return {
      form,
      handleSubmit,
    };
  },
};
</script>
<style>
.arco-form{
  background-color: var(--color-menu-light-bg);
  /*内边距*/
  padding: 10px;
}
</style>